﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="SAP.login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <%--<link href="skin/AdminLogin.css" rel="stylesheet" type="text/css" />--%>
     <script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="/js/main.js"></script>
     <script type="text/javascript" src="/js/dialog.js"></script>
    <style type="text/css">

        * { margin: 0 0 0 0; 
            padding: 0; }
    #login
        {
            width: 250px;
            margin: 0 0 0 0;
        }
        .style2
        {
            width: 673px;
        }
    </style>
</head>
<body>

<div id="header"  
        style="height: 169px;" align="center">
        <img src="skin/images/CustomerLogo.png" style="height: 86px; width: 115px;" 
            align="middle" dir="rtl" /> 
</div>
<%--<div style="width:100%;height:169px;;position:absolute;z-index:1;overflow:hidden;">
    <img border=0 src="skin/images/header.pn" width="100%" /> 
</div>--%>

    <form id="form1" runat="server">
    <div id="login-form" align="center" 
        style="background-position: center center; background-image: url('skin/images/SAP_Login.png'); background-repeat: no-repeat; height: 370px;" >
    <asp:ScriptManager ID="ScriptManagerMain" runat="server">

     

    </asp:ScriptManager>
        <div  style="height: 90px">
        </div>
        <div id="login">
        <asp:Login ID="Login2" runat="server" Width="385px" Height="200px" 
            DestinationPageUrl="~/Homepage.aspx" BorderStyle="None" >
            <LayoutTemplate>
                <div>
                    <div style="width: 298px;">
                        <asp:TextBox ID="UserName" runat="server" size="15" BackColor="#DEDEDE" 
                            Width="270px" Height="37px" Font-Size="13pt" BorderStyle="None"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
                            ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="Login2">*</asp:RequiredFieldValidator>
                    </div>

                    <div style="height: 29px">
                    </div>
                    <div  style="width: 298px">
                        <asp:TextBox ID="Password" runat="server" TextMode="Password" size="15" 
                            BackColor="#DEDEDE" Width="270px" Height="37px" Font-Names="Arial" 
                            Font-Size="13pt" BorderStyle="None">Password</asp:TextBox>
                        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                            ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="Login2">*</asp:RequiredFieldValidator>
                    </div>

                     

                    <div style="height: 30px">
                    </div>
                    
                     <div style="text-align: center">
                        <asp:ImageButton ID="Image2" runat="server" Height="48px"  CommandName="Login" OnClientClick="showProgress();"
                        ImageUrl="~/skin/images/login_button.png" onclick="Image1_Click" />
                     </div>

                    <div style="text-align: center">
                         <asp:Image ID="im_ProgressBar" runat="server" Visible="false"
                             ImageUrl="~/skin/images/ProgressBar.gif" />
                     </div>

                     </div>
                    <div style="font-family: Arial; font-size: 13px; color: #FF0000; " 
                        dir="ltr">
                        <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                        &nbsp;</div>
                    
            </LayoutTemplate>
        </asp:Login>
            
        </div>

    </div>
   
    </form>
 <table width="100%">
    <tr>
        <td>
            <span>© Best Western Premier 2013. All rights Reserved.</span>
        </td>
        <td dir="rtl" class="style2">
            <span>Powered by ABEO</span>
        </td>
    </tr>
</table>
 </div>


 <script type="text/javascript">

        function showProgress() {
            //alert("pac pac");
            //alert("pip pip");
           //document.getElementById("im_ProgressBar").style.visibility = "visible";
            //document.getElementById('im_ProgressBar').visibility = 'visible'
           // alert("pop pop");
        }
    </script>
</body>
</html>
